<br/>
<div class="row">

	<div class="column9">
	
	
		<div class="bl active">
			<h2>Homework 4: Rough Draft</h2>
			<span class="small">May 6 (B) <br/> May 7 (A)</span>
			<hr/>
			<p>
				You will need 2 things to turn in your rough draft:
				<ul>
					<li>Your name - Hopefully you know this already</li>
					<li>A link to your infograph - if you do not know how to do this, follow these instructions:<br/>
						<p><a href="<?php echo site_url('day4/site1') ?>">Click here if you are using <span class="b">Piktochart</span></a></p>
						<p><a href="<?php echo site_url('day4/site2') ?>">Click here if you are using <span class="b">Easel.ly</span></a></p>
					</li>
				</ul>
			</p>
			<p>
				Turn in your infographs using <a target="_blank" href="https://docs.google.com/forms/d/1uZtQKSGkvhfBYWLrStWp3bALpxWSTEe9MEMLb3PHEdA/viewform">this form</a>
			</p>
			<p>
				<span class="r"><span class="b">A Day</span> Due Date: May 7 </span>
				<br/>
				<span class="r"><span class="b">B Day</span> Due Date: May 6</span>
			</p>
		</div>
	
		<div class="bl">
			<h2>Organization</h2>
			<span class="small">April 25 (A) <br/> April 28 (B)</span>
			<hr/>
			
			<div class="column9 omega">
				<p>
					Learn how to organize the information on an infograph.
				</p>
				<ul>
					<li>How are people going to read it?</li>
					<li>How will their eyes flow on the page?</li>
					<li>Does your information flow from one point to another?</li>
				</ul>
			</div>
			<p class="column3 omega">
				<a target="_blank" href="https://docs.google.com/presentation/d/1EDl_Lv6Zc0ML7q4j5lCExadpeyZ097lJ1TOcJtxe_xE/edit?usp=sharing">
					<img src="<?= asset_url() ?>images/day_1_pic_4.png" alt=""/>
					Presentation
				</a>
			</p>
			
			<div class="spacer"></div>
			<hr/>
			
			<h4 class="b">Homework 1</h4>
			<p>
				Draw an outline of your infograph on a piece of paper.  You should include the categories for your facts (education 
				requirements, jpb description, society impact, etc) and how you are going to display that information (graph, chart, picture, etc).
			</p>
			<p>
				<span class="r"><span class="b">A Day</span> Due Date: April 29 </span>
				<br/>
				<span class="r"><span class="b">B Day</span> Due Date: May 2</span>
			</p>
			<div class="pictures">
				<img class="column4 omega" src="<?= asset_url() ?>images/day_1_pic_3.jpg" alt=""/>
				<img class="column5 omega" src="<?= asset_url() ?>images/day_1_pic_2.jpg" alt=""/>
				<img class="column3 omega" src="<?= asset_url() ?>images/day_1_pic_1.jpg" alt=""/>
			</div>
		</div>
	
		<div class="bl">
			<h2>Homework: 20 Facts</h2>
			<hr/>
			<p>Find 20 facts about your STEM career.  Write them on a paper with the fact on the left and the source on the right.</p>
			<p>
				<span class="b">A Day</span> Due Date: April 29
				<br/>
				<span class="b">B Day</span> Due Date: May 2
				
				 
			</p>
		</div>
		
	</div>
	
	<div class="column3">
		<div class="bl">
			<h3>Infograph Websites</h3>
			<hr/>
			<ul>
				<li class="b">No not use infogr.am!!  Use one of the other websites instead</li>
				<li><a target="_blank" href="https://piktochart.com">Piktochart</a></li>
				<li><a target="_blank" href="http://www.easel.ly">easel.ly</a></li>
				<li><a target="_blank" href="http://drive.google.com">Google Docs</a></li>
				
			</ul>
		</div>
	
		<div class="bl">
			<h3>Links</h3>
			<hr/>
			
			<h4>Infograph Examples</h4>
			<p class="hide">Here are a few infograph examples you can use to help you design your own infograph.  Remember you can 
			always search Google for more examples.</p>
			<ul>
				<li><a target="_blank" href="<?= asset_url() ?>files/examples/CareerSites.jpg">Example 1</a></li>
				<li><a target="_blank" href="<?= asset_url() ?>files/examples/Kentico.png">Example 2</a></li>
				<li><a target="_blank" href="<?= asset_url() ?>files/examples/MobileLoadTime.jpg">Example 3</a></li>
			</ul>
			
			<hr/>
			
			<h4>Tutorial</h4>
			<p class="hide">This is a simple tutorial showing you how to create your first infograph.</p>
			<p>
				<a href="<?php echo site_url('intro') ?>">Dorito Tutorial</a>
			</p>
			
			<hr/>
			
			<h4>Rubric</h4>
			<a target="_blank" href="https://docs.google.com/document/d/1IsMExZHZeJKPvRdOpgQawVRoRCPtZpheD-xeSEsJIF8/edit?usp=sharing">Link to Google Doc</a>
		</div>
	</div>
	
</div>